<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>PICON</title>

    <!-- Bootstrap Core CSS -->
    <link href="<?php echo base_url(); ?>css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="<?php echo base_url(); ?>css/blog-home.css" rel="stylesheet">
    <link href="<?php echo base_url(); ?>css/main.css" rel="stylesheet">
    <script src="<?php echo base_url(); ?>js/jquery-1.11.0.js"></script>
    <script src="<?php echo base_url(); ?>js/bootstrap.min.js"></script>

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body>
    <!-- Encabezado de Pagina -->
    <div class="header" id="encabezado" style="width:100%; height:170px;background:#FFFFFF;margin-top: -52px;">
        <div style="margin-bottom: -143px">
            <img style="margin-left:66px;" id="logo" src="<?php echo base_url(); ?>/images/iconos/logo.jpg">
        </div>
        
        <center style="margin-bottom: -57px;margin-left: -110px;"><h1 style="font-size: 80px;">Red Deportiva</h1></center>
        
        <div style="margin-right: 55px;float: right;margin-top:-46px;margin-right: 78px;">
            <h2> Usuario: <?php echo $nombre ?></h2>
            <p>
                <a style="float: right;"href="<?php echo base_url() ?>usuarios/cerrar_sesion"> Cerrar sesión </a>
            </p>
        </div>
    </div>